<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
   
    
    
        <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
         <link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/redmond/skin.css" />
        <title>Tela Principal</title>
    </h:head>
        
        <h:body>
            <f:view>
        <div id="top" class="top" style="background:#ADD8E6;">
           <h:graphicImage value="/resources/imagens/logoFinal.png" style="float:center" alt="rf" />
        </div>
            <div id="left">
            <h:form> 
              <p:growl id="messages"/>
                <p:menu type="tiered" effect="FADE" >  
                    <p:submenu label="Ajax Menuitems" icon="ui-icon-refresh">  
                        <p:menuitem value="Save" icon="ui-icon-disk" ajax="false" />  
                        <p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w" ajax="false" />  
                    </p:submenu> 
                    <p:submenu label="Ajax Menuitems" icon="ui-icon-refresh">  
                        <p:menuitem value="Save" icon="ui-icon-disk" ajax="false" />  
                        <p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w" ajax="false" />  
                    </p:submenu> 
                    <p:submenu label="Ajax Menuitems" icon="ui-icon-refresh">  
                        <p:menuitem value="Save" icon="ui-icon-disk" ajax="false" />  
                        <p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w" ajax="false" />  
                    </p:submenu> 
                    <p:submenu label="Ajax Menuitems" icon="ui-icon-refresh">  
                        <p:menuitem value="Save" icon="ui-icon-disk" ajax="false" />  
                        <p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w" ajax="false" />  
                    </p:submenu> 
                    <p:submenu label="Ajax Menuitems" icon="ui-icon-refresh">  
                        <p:menuitem value="Save" icon="ui-icon-disk" ajax="false" />  
                        <p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w" ajax="false" />  
                    </p:submenu> 
                </p:menu> 

            </h:form>
            
            </div>
            <div id="content" class="left_content">
    
          <h:form>  
  
    <p:dataTable id="dataTable" var="car" value="Nome" widgetVar="carsTable"   
            emptyMessage="No cars found with given criteria">  
  
         <f:facet name="header">  
            <p:outputPanel>  
                <h:outputText value="Search all fields:" />  
                <p:inputText id="globalFilter" onkeyup="" style="width:150px" />  
            </p:outputPanel>  
        </f:facet>  
  
        <p:column id="modelColumn" filterBy=""   
                headerText="Model" footerText="contains"  
                filterMatchMode="contains">  
            <h:outputText value="nome" />  
        </p:column>  
  
        <p:column id="yearColumn" filterBy="arur"  
                headerText="Year" footerText="startsWith">  
            <h:outputText value="ano" />  
        </p:column>  
  
        <p:column id="manufacturerColumn" filterBy="teste"   
                headerText="Manufacturer" footerText="exact"  
                filterOptions="teste"  
                filterMatchMode="exact">  
            <h:outputText value="guuu" />  
        </p:column>  
  
        <p:column id="colorColumn" filterBy="htttt"  
                headerText="Color" footerText="endsWith" filterMatchMode="endsWith">  
            <h:outputText value="krrr" />  
        </p:column>  
    </p:dataTable>  
      
</h:form>     
            
             <p:dock id="dockBottom">
                <p:menuitem id="bottom0" value="Home" icon="/resources/imagens/aim.png" url="http://www.google.com.br" />
                <p:menuitem id="bottom1" value="Music" icon="/resources/imagens/alienware.png" url="#" />
                <p:menuitem id="bottom2" value="Video" icon="/resources/imagens/cs.png" url="#"/>
                <p:menuitem id="bottom3" value="Email" icon="/resources/imagens/skype.png" url="#"/>
                <p:menuitem id="bottom4" value="Portfolio" icon="/resources/imagens/suse.png" url="#"/>
                <p:menuitem id="bottom5" value="Link" icon="/resources/imagens/chrome.png" url="#"/>
                <p:menuitem id="bottom6" value="RSS" icon="/resources/imagens/txt.png" url="#"/>
                <p:menuitem id="bottom7" value="History" icon="/resources/imagens/thunderbird.png" url="#"/>
            </p:dock>    
             
              
      </div>
        </f:view>
    </h:body>
    
</html>




